* {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #fff;
}

body {
	overflow: hidden;
}

/*select*/

#select {
	/*position: absolute;
	width: 200px;
	height: 240px;
	top: 50%;
	left: 50%;
	margin-top: -0px;
	margin-left: -100px;
	background-color: #210478;*/
	width: 200px;
	height: 240px;
	margin: 250px auto;
	background-color: #210478;
}

#select li {
	width: 100%;
	height: 40px;
	text-align: center;
	line-height: 40px;
}

#select li:hover {
	background-color: #0FadB7;
}

#select a {
	display: block;
	width: 200px;
	height: 40px;
}

/*select*/

/*top*/

#top-nav {
	height: 150px;
	width: 100%;
	position: absolute;
	top: -150px;
	left: 0;
}

#top-nav li {
	float: left;
	width: 20%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #0FadB7;
}

#top-nav a {
	display: block;
	width: 100%;
	height: 50px;
}

#top-nav a:hover {
	background-color: #258ECD
}

#top-nav li:first-child {
	height: 150px;
	width: 20%;
	display: table;
	background-color: #0F78B7;
}

#top-nav li:first-child a {
	width: 100%;
	height: 150px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 45px;
	color: #345;
}

#top-nav li:first-child a:hover {
	background-color: transparent;
}

/*top*/

/*bottom*/

#bottom-nav {
	height: 150px;
	width: 100%;
	position: absolute;
	bottom: -150px;
	left: 0;
}

#bottom-nav li {
	float: left;
	width: 20%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #0FadB7;
}

#bottom-nav a {
	display: block;
	width: 100%;
	height: 50px;
}

#bottom-nav a:hover {
	background-color: #258ECD
}

#bottom-nav li:first-child {
	height: 150px;
	width: 20%;
	display: table;
	background-color: #0F78B7;
}

#bottom-nav li:first-child a {
	width: 100%;
	height: 150px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 45px;
	color: #345;
}

#bottom-nav li:first-child a:hover {
	background-color: transparent;
}

/*bottom*/

/*left*/

#left-nav {
	width: 200px;
	height: 100%;
	background-color: #345;
	position: absolute;
	top: 0;
	left: -200px;
}

#left-nav li:first-child {
	width: 100%;
	height: 100px;
	display: table;
}

#left-nav li:first-child a {
	display: table-cell;
	height: 100px;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	font-size: 40px;
}

#left-nav li:first-child:hover {
	background-color: transparent;
}

#left-nav li {
	width: 100%;
	height: 50px;
	text-align: center;
	float: left;
	line-height: 50px;
}

#left-nav li:hover {
	background-color: #745;
}

/*left*/

/*right*/

#right-nav {
	width: 200px;
	height: 100%;
	background-color: #345;
	position: absolute;
	top: 0;
	right: -200px;
}

#right-nav li:first-child {
	width: 100%;
	height: 100px;
	display: table;
}

#right-nav li:first-child a {
	display: table-cell;
	height: 100px;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	font-size: 40px;
}

#right-nav li:first-child:hover {
	background-color: transparent;
}

#right-nav li {
	width: 100%;
	height: 50px;
	text-align: center;
	float: left;
	line-height: 50px;
}

#right-nav li:hover {
	background-color: #745;
}

/*right*/